<template>
<h1>姓名：张三{{ name }}</h1>
<h1>性别：{{ sex }}</h1>
<h1>年龄：{{ age }}</h1>
<h1>电话：{{ tel }}</h1>
<button @click="changName()">修改名字</button>
<boutton @click="changSex()" >修改性别</boutton>
<boutton @click="changAge()">修改年龄</boutton>
<boutton @click="changTel()">修改电话号</boutton>
</template>
<script>
import TheWelcome from './components/TheWelcome.vue'

export default{

  data(){
    return{
      name:"王五五五五五五五五五",
      sex:'男',
      age:'18',
      tel:'15758001996',
    }
  },
  methods:{
    changName(){
      alert("修改名字中")
      this.name = "张三三三"
    },
    changSex(){
      this.sex = '女'
    },
    changAge(){
      this.age = 1
    },
    changTel(){
      this.tel = "11111111"
    }
  }
}


</script>